
    <div class="box box-default ${loanRequest.coLoaned?'':'collapsed-box'}" id="coLoanBox">
        <div class="box-header with-border">
            <h3 class="box-title"><form:checkbox path="coLoaned" id="loanRequestCoLoaned" disabled="${!editCondition}"/><fmt:message
                    key="loanRequest.coApplicant"/></h3>

            <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse" id="coLoanBtn"><i
                        class="fa ${loanRequest.coLoaned?'fa-minus':'fa-plus'}"></i>
                </button>
            </div>
            <!-- /.box-tools -->
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <form:hidden path="coPerson.id"/>
            <div class="form-horizontal margin">
                <div class="form-group">
                    <spring:bind path="loanRequest.coPerson.name">
                    <appfuse:label key="loanPerson.name" path="loanRequest.coPerson.name"
                                   styleClass="control-label col-sm-1"/>
                    <div class="col-sm-2${(not empty status.errorMessage) ? ' has-error' : ''}">
                        </spring:bind>
                        <form:input cssClass="form-control" path="coPerson.name" id="coName" maxlength="255"
                                    disabled="${!editCondition}"/>
                        <form:errors path="coPerson.name" cssClass="help-block"/>
                    </div>

                    <appfuse:label key="loanPerson.idType" path="loanRequest.coPerson.idType"
                                   styleClass="control-label col-sm-1"/>
                    <spring:bind path="loanRequest.coPerson.idType">
                    <div class="col-sm-2${(not empty status.errorMessage) ? ' has-error' : ''}"></spring:bind>
                        <form:select cssClass="form-control" path="coPerson.idType" id="coIdType"
                                     disabled="${!editCondition}">
                            <option value=""><fmt:message key="option.select"/></option>
                            <form:options items="${availableIdTypes}" itemValue="value" itemLabel="label"/>
                        </form:select>
                        <form:errors path="coPerson.idType" cssClass="help-block"/></div>
                    <appfuse:label key="loanPerson.idNo" path="loanRequest.coPerson.idNo"
                                   styleClass="control-label col-sm-1"/>
                    <spring:bind path="loanRequest.coPerson.idNo">
                    <div class="col-sm-2${(not empty status.errorMessage) ? ' has-error' : ''}"></spring:bind>
                        <form:input cssClass="form-control" path="coPerson.idNo" id="coIdNo" maxlength="255"
                                    disabled="${!editCondition}"/>
                        <p class="text-danger" id="coIdValidate"></p>
                        <form:errors path="coPerson.idNo" cssClass="help-block"/>
                    </div>
                        <appfuse:label key="loanRequest.idExpireTime" path="loanRequest.coPerson.dueDate"
                                       styleClass="control-label col-sm-1"/>
                        <spring:bind path="loanRequest.coPerson.dueDate">
                        <div class="col-sm-2${(not empty status.errorMessage) ? ' has-error' : ''}">
                            </spring:bind>
                            <form:input cssClass="form-control datepicker2" path="coPerson.dueDate"
                                        disabled="${!editCondition}"
                                        id="coDueDate"
                                        maxlength="255"/>
                            <form:errors path="coPerson.dueDate" cssClass="help-block"/>
                        </div>
                </div>
            </div>
        </div>
        <!-- /.box-body -->
    </div>
